<div id="elementsDiv">
	<table class="table">
        <thead>
          <tr>
          	<th>元素ID</th>
            <th>页面名称</th>
            <th>元素类型</th>
            <th>元素文本</th>
            <th>元素位置</th>
            <th>操作类型</th>
            <th>输入内容</th>
            <th>拖拽次数</th>
            <th>前置元素</th>
            <th>页面元素</th>
            <th>步骤描述</th>
            <th>元素操作</th>
          </tr>
        </thead>
        <tbody id="elmentTbody">
        <#if elementList??>
        	<#list elementList as list>
        		<#if list_index%2==0>
        		 <tr class="success" >
			            <!-- <td><input type="checkbox" name="${list.page_id}" id="${list.element_id}" value="${list.element_for_page}"></td> -->
			            <td>${list.element_id}</td>
			            <td>${list.page_name}</td>
			            <td>${list.element_type_name}</td>
			            <#if list.element_type_name=="XPATH">
			            	<#assign content=list.element_content>
			            	<#if content?length gt 20>
			            		<td title="${list.element_content}">${content?substring(0,20)}</td>
			            	<#else>
			            		<td title="${list.element_content}">${list.element_content}</td>
			            	</#if>
			            <#else>
			            	<td title="${list.element_content}">${list.element_content}</td>
			            </#if>
			            <td>${list.element_order}</td>
			            <td>${list.element_action_name}</td>
			            <td>${list.element_text}</td>
			            <td>${list.drag_count}</td>
			            <td>${list.element_precious_id}</td>
		            <#if list.element_for_page=="Y">
		            	<td>是</td>
		            <#else>
		            	<td>否</td>
		            </#if>
		            	<td>${list.element_operate_desc}</td>
		            	<td>
		            	<span id="delElement" class="glyphicon glyphicon-remove" onclick="tree.index.initDelElement('${list.page_id}','${list.element_id}','${list.element_for_page}');" style="float:right;padding:0 10px;" aria-hidden="true"></span>									
						<span id="modifyElement"  onclick="tree.index.initModifyElement('${list.page_id}','${list.element_id}','${list.element_for_page}');" class="glyphicon glyphicon-pencil" style="float:right;padding:0 10px;" aria-hidden="true"></span>
		            	</td>
		          </tr>
        		<#else>
        			<tr class="info" >
			            <!-- <td><input type="checkbox" name="${list.page_id}" id="${list.element_id}" value="${list.element_for_page}"></td> -->
			            <td>${list.element_id}</td>
			            <td>${list.page_name}</td>
			            <td>${list.element_type_name}</td>
			            <#if list.element_type_name=="XPATH">
			            	<#assign content=list.element_content>
			            	<#if content?length gt 20>
			            		<td title="${list.element_content}">${content?substring(0,20)}</td>
			            	<#else>
			            		<td title="${list.element_content}">${list.element_content}</td>
			            	</#if>
			            <#else>
			            	<td title="${list.element_content}">${list.element_content}</td>
			            </#if>
			            <td>${list.element_order}</td>
			            <td>${list.element_action_name}</td>
			            <td>${list.element_text}</td>
			            <td>${list.drag_count}</td>
			            <td>${list.element_precious_id}</td>
			            <#if list.element_for_page=="Y">
			            <td>是</td>
			            <#else>
			            <td>否</td>
			            </#if>
			            <td>${list.element_operate_desc}</td>
			            <td>
		            	<span id="delElement" class="glyphicon glyphicon-remove" onclick="tree.index.initDelElement('${list.page_id}','${list.element_id}','${list.element_for_page}');" style="float:right;padding:0 10px;" aria-hidden="true"></span>									
						<span id="modifyElement"  onclick="tree.index.initModifyElement('${list.page_id}','${list.element_id}','${list.element_for_page}');" class="glyphicon glyphicon-pencil" style="float:right;padding:0 10px;" aria-hidden="true"></span>
		            	</td>
			          </tr>
        		</#if>
        	</#list>
        </#if>                     
        </tbody>
      </table>
</div>
<!-- 分页展示框 -->
<div class="pull-right pagination">
    <ul class="pagination" id='bp-3-element-lg-test'></ul>
</div>
<!-- 元素增加，修改，删除提示框 -->
<!-- 新增元素信息 -->
	<div class="modal fade" id="addElementModal" tabindex="-1" role="dialog" aria-labelledby="addElementLabel" aria-hidden="true" data-backdrop="static"> 
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="addElementLabel">添加新的元素</h4>
	      </div>
	      <div class="modal-body" style="margin-left:30px;">
	        <!-- begin -->
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">页面名称</span>
			  <input type="text" readonly class="form-control" placeholder="页面名称" aria-describedby="sizing-addon3" id="addElePageName">
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">切换页面</span>
			   <span class="input-group-addon span-warning" id="isSwitchPage" style="padding-left: 330px;">
			  	 <input type="radio"  value="A" name="switchPage" id="switchPageId"> 是
		  		 <input type="radio"  value="B" name="switchPage" id="notSwitchPageId" checked="checked"> 否
			  </span>
			</div>
			<div id="addMoreIFrame" class="template-hidden">
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">结束IFrame</span>
				   <span class="input-group-addon span-warning" id="addOverIsUserIFrame" style="padding-left: 330px;">
				  	 <input type="radio"  value="2" name="addOverHasIFrame" id="addOverIFrameRadioId"> 是
			  		 <input type="radio"  value="0" name="addOverHasIFrame" id="addOverNotIFrameRadioId" checked="checked"> 否
				  </span>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">切换IFrame</span>
				   <span class="input-group-addon span-warning" id="addIsUserIFrame" style="padding-left: 330px;">
				  	 <input type="radio"  value="2" name="addHasIFrame" id="addIFrameRadioId"> 是
			  		 <input type="radio"  value="0" name="addHasIFrame" id="addNotIFrameRadioId" checked="checked"> 否
				  </span>
				</div>
				<div id="addIFrameContent" class="template-hidden">
					<div class="input-group input-group-lg inputElementDiv">
					  <span class="input-group-addon" id="sizing-addon3">元素类型</span>
					  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="addIFrameElementType">
					 		<option value="">请选择元素类型</option>
			        	</select>	
					</div>
					<div class="input-group input-group-lg inputElementDiv">
					  <span class="input-group-addon" id="sizing-addon3">元素文本</span>
					  <input type="text" class="form-control" placeholder="元素文本" aria-describedby="sizing-addon3" id="addIFrameElementContent">
					</div>
				</div>
			</div>
			
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">元素类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="addElementType">
				 		<option value="">请选择元素类型</option>
		        	</select>	
		        	<input type="checkbox" id="addCheckElementType" onclick="tree.index.modifyElementType();" style="margin:0 5px;"> <span id="addWebView">WebView</span>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">元素文本</span>
				  <input type="text" class="form-control" placeholder="元素文本" aria-describedby="sizing-addon3" id="addElementContent">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">元素位置</span>
				  <input type="text" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);" placeholder="同类元素排序位置" aria-describedby="sizing-addon3" id="addElementOrder">
				</div>
				<div class="input-group input-group-lg inputElementDiv ">
				  <span class="input-group-addon" id="sizing-addon3">等待时间</span>
				  <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);" class="form-control" placeholder="等待时间" aria-describedby="sizing-addon3" id="addElementWaitTime">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">操作类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="addElementAction" >
				 		<option value="">请选择操作类型</option>
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv elementTextDiv" id="addElementFocusTypeId">
				  <span class="input-group-addon" id="sizing-addon3">悬停元素类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="addElementFocusType">
				 		<option value="">请选择元素类型</option>
		        	</select>	
				</div>
				<div class="input-group input-group-lg inputElementDiv elementTextDiv" id="addElementTextId">
				  <span class="input-group-addon" id="sizing-addon3">输入内容</span>
				  <input type="text" class="form-control" placeholder="输入内容" aria-describedby="sizing-addon3" id="addElementText" style="width:330px;">
				   <input type="checkbox" id="addRepeatContentFlag" style="margin:14px 5px;">
				   <span id="addRepeatContent">是否允许重复</span>
				</div>
				<div class="input-group input-group-lg dragElementDiv elementDragDiv" id="addElementDragId">
				  <span class="input-group-addon" id="sizing-addon3">拖拽次数</span>
				  <input type="text" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')"  onblur="check_number(this.value,this.id);"  placeholder="拖拽次数" aria-describedby="sizing-addon3" id="addElementDrag">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">前置元素</span>
				   <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="addElementPrecious">
				 		<option value="">请选择前置元素</option>
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待结果类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:400px;" id="addElementExpectName">
				 		
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待结果内容</span>
				  <input type="text" class="form-control" placeholder="期待结果内容" aria-describedby="sizing-addon3" id="addElementExpectContent">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待元素位置</span>
				  <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);"  class="form-control" placeholder="期待元素位置" aria-describedby="sizing-addon3" id="addElementExpectOrder">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">校验类型</span>
				   <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="addElementExpectType">
				 		<option value="">请选择校验的类型</option>
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">校验内容</span>
				  <input type="text" class="form-control" placeholder="校验内容" aria-describedby="sizing-addon3" id="addElementExpectResult">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">步骤描述</span>
				  <input type="text" class="form-control" placeholder="输入内容" aria-describedby="sizing-addon3" id="addElementOperateDesc">
				</div>
	        <!-- end -->
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" onclick="tree.index.addElement();">保存</button>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- 插入元素信息 -->
	<div class="modal fade" id="insertElementModal" tabindex="-1" role="dialog" aria-labelledby="insertElementLabel" aria-hidden="true" data-backdrop="static"> 
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="insertElementLabel">插入新的元素</h4>
	      </div>
	      <div class="modal-body" style="margin-left:30px;">
	        <!-- begin -->
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">页面名称</span>
			  <input type="text" readonly class="form-control" placeholder="页面名称" aria-describedby="sizing-addon3" id="insertElePageName">
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">切换页面</span>
			   <span class="input-group-addon span-warning" id="isInsertSwitchPage" style="padding-left: 330px;">
			  	 <input type="radio"  value="A" name="insertSwitchPage" id="insertSwitchPageId"> 是
		  		 <input type="radio"  value="B" name="insertSwitchPage" id="notInsertSwitchPageId" checked="checked"> 否
			  </span>
			</div>
			<div id="insertMoreIFrame" class="template-hidden">
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">结束IFrame</span>
				   <span class="input-group-addon span-warning" id="insertOverIsUserIFrame" style="padding-left: 330px;">
				  	 <input type="radio"  value="2" name="insertOverHasIFrame" id="insertOverIFrameRadioId"> 是
			  		 <input type="radio"  value="0" name="insertOverHasIFrame" id="insertOverNotIFrameRadioId" checked="checked"> 否
				  </span>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">切换IFrame</span>
				   <span class="input-group-addon span-warning" id="insertIsUserIFrame" style="padding-left: 330px;">
				  	 <input type="radio"  value="2" name="insertHasIFrame" id="insertIFrameRadioId"> 是
			  		 <input type="radio"  value="0" name="insertHasIFrame" id="insertNotIFrameRadioId" checked="checked"> 否
				  </span>
				</div>
				<div id="insertIFrameContent" class="template-hidden">
					<div class="input-group input-group-lg inputElementDiv">
					  <span class="input-group-addon" id="sizing-addon3">元素类型</span>
					  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="insertIFrameElementType">
					 		<option value="">请选择元素类型</option>
			        	</select>	
					</div>
					<div class="input-group input-group-lg inputElementDiv">
					  <span class="input-group-addon" id="sizing-addon3">元素文本</span>
					  <input type="text" class="form-control" placeholder="元素文本" aria-describedby="sizing-addon3" id="insertIFrameElementContent">
					</div>
				</div>
			</div>
			
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">元素类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="insertElementType">
				 		<option value="">请选择元素类型</option>
		        	</select>	
		        	<input type="checkbox" id="insertCheckElementType" onclick="tree.index.modifyElementType();" style="margin:0 5px;"> <span id="insertWebView">WebView</span>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">元素文本</span>
				  <input type="text" class="form-control" placeholder="元素文本" aria-describedby="sizing-addon3" id="insertElementContent">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">元素位置</span>
				  <input type="text" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);" placeholder="同类元素排序位置" aria-describedby="sizing-addon3" id="insertElementOrder">
				</div>
				<div class="input-group input-group-lg inputElementDiv ">
				  <span class="input-group-addon" id="sizing-addon3">等待时间</span>
				  <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);" class="form-control" placeholder="等待时间" aria-describedby="sizing-addon3" id="insertElementWaitTime">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">操作类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="insertElementAction" >
				 		<option value="">请选择操作类型</option>
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv elementTextDiv" id="insertElementFocusTypeId">
				  <span class="input-group-addon" id="sizing-addon3">悬停元素类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="insertElementFocusType">
				 		<option value="">请选择元素类型</option>
		        	</select>	
				</div>
				<div class="input-group input-group-lg inputElementDiv elementTextDiv" id="insertElementTextId">
				  <span class="input-group-addon" id="sizing-addon3">输入内容</span>
				  <input type="text" class="form-control" placeholder="输入内容" aria-describedby="sizing-addon3" id="insertElementText" style="width:330px;">
				   <input type="checkbox" id="addRepeatContentFlag" style="margin:14px 5px;">
				   <span id="addRepeatContent">是否允许重复</span>
				</div>
				<div class="input-group input-group-lg dragElementDiv elementDragDiv" id="insertElementDragId">
				  <span class="input-group-addon" id="sizing-addon3">拖拽次数</span>
				  <input type="text" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')"  onblur="check_number(this.value,this.id);"  placeholder="拖拽次数" aria-describedby="sizing-addon3" id="insertElementDrag">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">前置元素</span>
				  <input type="text" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')"  onblur="check_number(this.value,this.id);"  placeholder="前置元素" aria-describedby="sizing-addon3" id="insertElementPrecious">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">后置元素</span>
				  <input type="text" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')"  onblur="check_number(this.value,this.id);"  placeholder="后置元素" aria-describedby="sizing-addon3" id="insertElementAfter">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待结果类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:400px;" id="insertElementExpectName">
				 		
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待结果内容</span>
				  <input type="text" class="form-control" placeholder="期待结果内容" aria-describedby="sizing-addon3" id="insertElementExpectContent">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待元素位置</span>
				  <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);"  class="form-control" placeholder="期待元素位置" aria-describedby="sizing-addon3" id="insertElementExpectOrder">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">校验类型</span>
				   <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="insertElementExpectType">
				 		<option value="">请选择校验的类型</option>
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">校验内容</span>
				  <input type="text" class="form-control" placeholder="校验内容" aria-describedby="sizing-addon3" id="insertElementExpectResult">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">步骤描述</span>
				  <input type="text" class="form-control" placeholder="输入内容" aria-describedby="sizing-addon3" id="insertElementOperateDesc">
				</div>
	        <!-- end -->
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" onclick="tree.index.insertElement();">保存</button>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- 修改元素信息 -->
	<div class="modal fade" id="modifyElementModal" tabindex="-1" role="dialog" aria-labelledby="modifyElementLabel" aria-hidden="true" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="modifyElementLabel">修改元素信息</h4>
	      </div>
	      <div class="modal-body" style="margin-left:30px;">
	        <!-- begin -->
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">页面名称</span>
			  <input type="text" readonly class="form-control" placeholder="页面名称" aria-describedby="sizing-addon3" id="modifyElePageName">
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">切换页面</span>
			   <span class="input-group-addon span-warning" id="modifySwitchPage" style="padding-left: 330px;">
			  	 <input type="radio"  value="A" name="modifySwitchPage" id="modifySwitchPageId"> 是
		  		 <input type="radio"  value="B" name="modifySwitchPage" id="notmodifySwitchPageId" checked="checked"> 否
			  </span>
			</div>
			<div id="modifyMoreIFrame" class="template-hidden">
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">结束IFrame</span>
				   <span class="input-group-addon span-warning" id="modifyOverIFrame" style="padding-left: 330px;">
				  	 <input type="radio"  value="2" name="modifyOverIFrame" id="modifyOverIFrameRadio"> 是
			  		 <input type="radio"  value="0" name="modifyOverIFrame" id="modifyOverNotIFrameRadio" checked="checked"> 否
				  </span>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">切换IFrame</span>
				   <span class="input-group-addon span-warning" id="modifyIsUserIFrame" style="padding-left: 330px;">
				  	 <input type="radio"  value="2" name="modifyHasIFrame" id="modifyIFrameRadioId"> 是
			  		 <input type="radio"  value="0" name="modifyHasIFrame" id="modifyNotIFrameRadioId" checked="checked"> 否
				  </span>
				</div>
				<div id="modifyIFrameContent" class="template-hidden">
					<div class="input-group input-group-lg inputElementDiv">
					  <span class="input-group-addon" id="sizing-addon3">IFrame元素类型</span>
					  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="modifyIFrameElementType">
					 		<option value="">请选择元素类型</option>
			        	</select>	
					</div>
					<div class="input-group input-group-lg inputElementDiv">
					  <span class="input-group-addon" id="sizing-addon3">元素文本</span>
					  <input type="text" class="form-control" placeholder="元素文本" aria-describedby="sizing-addon3" id="modifyIFrameElementContent">
					</div>
				</div>
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">元素类型</span>
			  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="modifyElementType">
			 		<option value="">请选择元素类型</option>
	        	</select>	
	        	<input type="checkbox" id="modifyCheckElementType" onclick="tree.index.modifyElementType();" style="margin:0 5px;"> <span id="modifyWebView">WebView</span>
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">元素文本</span>
			  <input type="text" class="form-control" placeholder="元素文本" aria-describedby="sizing-addon3" id="modifyElementContent">
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">元素位置</span>
			  <input type="text" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);"  placeholder="同类元素排序位置" aria-describedby="sizing-addon3" id="modifyElementOrder">
			</div>
			<div class="input-group input-group-lg inputElementDiv ">
				  <span class="input-group-addon" id="sizing-addon3">等待时间</span>
				  <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);" class="form-control" placeholder="等待时间" aria-describedby="sizing-addon3" id="modifyElementWaitTime">
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">操作类型</span>
			  <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="modifyElementAction">
			 		<option value="">请选择操作类型</option>
	          </select>
			</div>
			<div class="input-group input-group-lg inputElementDiv elementTextDiv" id="modifyElementFocusTypeId">
			  <span class="input-group-addon" id="sizing-addon3">悬停元素类型</span>
			  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="modifyElementFocusType">
			 		<option value="">请选择元素类型</option>
	        	</select>	
			</div>
			<div class="input-group input-group-lg inputElementDiv elementTextDiv" id="modifyElementTextId">
			  <span class="input-group-addon" id="sizing-addon3">输入内容</span>
			  <input type="text" class="form-control" placeholder="输入内容" aria-describedby="sizing-addon3" id="modifyElementText" style="width:330px;">
			  <input type="checkbox" id="modifyRepeatContentFlag" style="margin:14px 5px;">
			  <span id="modifyRepeatContent">是否允许重复</span>
			</div>
			<div class="input-group input-group-lg dragElementDiv elementDragDiv" id="modifyElementDragId">
			  <span class="input-group-addon" id="sizing-addon3">拖拽次数</span>
			  <input type="text" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);"  placeholder="拖拽次数" aria-describedby="sizing-addon3" id="modifyElementDrag">
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">前置元素</span>
			   <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="modifyElementPrecious">
				 		<option value="">请选择前置元素ID</option>
		          </select>
			  <!-- <input type="text" class="form-control" placeholder="前置元素" aria-describedby="sizing-addon3" id="modifyElementPrecious"> -->
			</div>
			<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待结果类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:400px;" id="modifyElementExpectName">
				 		
		          </select>
			</div>
			<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">操作内容</span>
				  <input type="text" class="form-control" placeholder="操作内容" alt="填写Id或者其他的" aria-describedby="sizing-addon3" id="modifyElementExpectContent">
				</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">期待元素位置</span>
			  <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);" class="form-control" placeholder="期待元素位置" aria-describedby="sizing-addon3" id="modifyElementExpectOrder">
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">校验类型</span>
			   <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="modifyElementExpectType">
				 		<option value="">请选择校验的类型</option>
		          </select>
			</div>
			<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待结果</span>
				  <input type="text" class="form-control" placeholder="输入内容" aria-describedby="sizing-addon3" id="modifyElementExpectResult">
			</div>
			<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">步骤描述</span>
				  <input type="text" class="form-control" placeholder="输入内容" aria-describedby="sizing-addon3" id="modifyElementOperateDesc">
			</div>
	        <!-- end -->
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" onclick="tree.index.modifyElement();">保存</button>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- 删除元素 -->
	<div class="modal fade" id="delElementModal" tabindex="-1" role="dialog" aria-labelledby="delElementLabel" aria-hidden="true" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="delElementLabel">删除元素信息</h4>
	      </div>
	      <div class="modal-body" id="delElementInfo">
	        	确定删除元素？
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" onclick="tree.index.delElement();">删除</button>
	      </div>
	    </div>
	  </div>
	</div>
	
<script type="text/javascript">
	tree.index.moduleTree.totalPages = ${totalPages};
	$("#addElementModal").on("hide.bs.modal",function(){
		 //清空填单内容
		$("#addElementContent").val("");
		$("#addElementOrder").val("");
		$("#addElementText").val("");
		$("#addElementDrag").val("");
		$("#addElementExpectContent").val("");
		$("#addElementExpectOrder").val("");
		$("#addElementExpectResult").val("");
		$("#addElementOperateDesc").val("");
		$("#addElementText").val("");
		$("#addElementTextId").addClass("elementTextDiv");
		$("#addElementDragId").addClass("dragElementDiv");
	});
	function check_number(str,id)    
    {    
        if (!/^\d+$/.test(str)){    
           $("#"+id).val("");
        } 
    }  
</script>